<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>12345</title>
        <style>
            h2.pos_left{
                position: relative;
                left: -20px;
            }
            h2.pos_right{
                position: relative;
                left: 20px;
            }
            h2.pos_top{
                position: relative;
                top: -50px;
            }
        </style>
    </head>
    <body>
        <h2>正常标题位置</h2>
        <h2 class="pos_left">靠左</h2>
        <h2 class="pos_right">靠右</h2>
        <h2 class="pos_top">向上</h2>
        <p>相对定位会按照元素的原始位置对该元素进行移动。</p>
        <p>样式 "left:-20px" 从元素的原始左侧位置减去 20 像素。</p>
        <p>样式 "left:20px" 向元素的原始左侧位置增加 20 像素。</p>


    </body>
</html>